<template>
	<view class="container">
		<view class="container-c">
			<view class="title">
				{{articleInfo.title}}
			</view>
			<view class="right">
				<view class="author">
					{{articleInfo.author}}
				</view>
				<view class="time">
					{{articleInfo.createTime}}
				</view>
			</view>
		
			<view class="summary">
				概要描述:{{articleInfo.summary}}
			</view>
			<image :src="articleInfo.coverImg" mode=""></image>
			<view class="desc" v-html="articleInfo.content1">
				
			</view>
		</view>
	</view>
</template>

<script>
	import {productArticle} from "@/api/find/index.js"
	export default {
		data() {
			return {
				articleInfo:{}
			};
		},
		onLoad(e) {
			console.log(e)
			productArticle(e.id).then(res=>{
				console.log(res)
				this.articleInfo=res.data.productArticle;
				uni.setNavigationBarTitle({
					title:this.articleInfo.title
				})
			})
		}
	}
</script>

<style lang="scss" scoped>
.container {
		width: 100%;
		background-color: #f1ece7;
		// height: 100vh;
	}

	.container-c {
		width: 660rpx;
		margin: 0 auto;
	}
	.title{
		font-size:48rpx ;
		font-weight: 700;
		}
		.right{
			display: flex;
			flex-direction: column;
			align-items:flex-end;
			// justify-content: end;
		}
</style>
